<template>
    <div class="wode">
        <WoHeade></WoHeade>
        <div class="shouInner">
            <QianBao></QianBao>
            <DingDan></DingDan>
            <XiTong></XiTong>
            <div class="tittle">
                <div class="img"></div>
                <div class="img"></div>
                <div class="font">
                    猜你喜欢·<span>EXPLORE</span>
                </div>

                <div class="img"></div>
                <div class="img"></div>
            </div>
            <WoTui></WoTui>
        </div>

    </div>
</template>

<script>
import WoHeade from '../components/wode/WoHeader'
import QianBao from '../components/wode/QianBao'
import DingDan from '../components/wode/DingDan'
import XiTong from '../components/wode/XiTong'
import WoTui from '../components/wode/WoTui'
export default {
    components: {
        WoHeade,
        QianBao,
        DingDan,
        XiTong,
        WoTui
    }
}
</script>

<style lang="scss" scoped>
.shouInner {
    width: 94%;
    margin: 0 auto;

    // border: 1px solid red;
    .tittle {
        font-weight: 700;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;

        .img {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #DEDEDE;
        }

        span {
            color: #2FA2CF;
        }

        .font {
            margin: 0 10px;
        }
    }
}
</style>